<template>
  <div class="introMain">
    <a-card :loading="loading" title="硒都简介">
			<div style="text-indent: 2em;">
				{{ message }}
			</div>
    </a-card>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref, onMounted } from "vue";
import { description } from "@/utils/fetch/api";
export default defineComponent({
  components: {},
  setup() {
    const message = ref<any>();

    const loading = ref<boolean>(false);

    const refresh = async () => {
      loading.value = true
      try{
        const data = await description();
        message.value = data.data;
      }catch(err){
        console.error(err)
      }
     
      loading.value = false
    };
    onMounted(() => {
      refresh();
    });
    return {
      loading,
      message,
    };
  },
});
</script>

<style lang="less" scoped>
.introMain {
  width: 100%;
  height: 100%;
  background: white;
  /deep/.ant-card {
    .ant-card-head-title {
      font-size: 3em;
    }
    .ant-card-body {
      font-size: 2em;
    }
  }
}
</style>
